<script setup lang='ts'>
import { reactive } from 'vue'

const visible = defineModel<boolean>()
const liucheng = ref('')

const form = reactive({
  name: '',
  region: '',
  date1: '',
  date2: '',
  delivery: false,
  type: [],
  resource: '',
  desc: '',
  customer: '',
})
</script>

<template>
  <el-dialog
    v-model="visible"
    title="关停流程"
    width="600px"
    :before-close="() => visible = false"
  >
    <el-form :model="form" label-width="auto" style="max-width: 600px">
      <el-form-item label="关停内容*">
        <el-input v-model="form.name" type="textarea" />
      </el-form-item>
      <el-form-item label="关停原因*">
        <el-input v-model="form.name" type="textarea" />
      </el-form-item>
      <el-form-item label="退订月租">
        <el-input v-model="form.name" type="textarea" />
      </el-form-item>
      <el-form-item label="对接人姓名">
        <el-input v-model="form.name" />
      </el-form-item>
      <el-form-item label="角色">
        <el-input v-model="form.name" />
      </el-form-item>
      <el-form-item label="联系方式">
        <el-input v-model="form.name" />
      </el-form-item>
      <el-form-item label="关停日期*">
        <el-date-picker type="date" placeholder="选择日期时间" class="!w-full" />
      </el-form-item>
      <el-form-item label="备注">
        <el-input v-model="form.name" type="textarea" />
      </el-form-item>
    </el-form>

    <template #footer>
      <span>
        <el-button @click=" visible = false">暂存</el-button>
        <el-button @click=" visible = false">关闭</el-button>
        <el-button type="primary" @click="visible = false">确定</el-button>
      </span>
    </template>
  </el-dialog>
</template>
